<template>
    <div>
      <v-header :seller ="seller"></v-header>
      <div class="tab border-1px">
          <div class="tab-item ">
              <router-link  to="/goods" >商品</router-link>
          </div>
          <div class="tab-item">
              <router-link to="/rating">评论</router-link>
          </div>
          <div class="tab-item">
              <router-link to="/seller">商家</router-link>
          </div>
      </div>
     <router-view></router-view>
    </div>
</template>
<style lang="scss" rel="stylesheet/scss">
    @import './common/scss/mixin.scss';
        .tab{
            overflow: hidden;
            width: 100%;
            height:40px;
            line-height:40px;
            @include border-1px(rgba(7,17,27,0.1));
            .tab-item{
                float: left;
                width: 33%;
                text-align: center;
                &:nth-last-child(1){
                    width: 34%;
                }
                a{
                    display: block;
                    font-size:14px;
                    color:rgb(77,85,93);
                }
                .active{
                    color:rgb(240,20,20);
                }

            }
        }
</style>
<script>
  import header from 'components/header/vheader.vue';
  var ERR_OK = 0;
  export default{
    data() {
      return {
        seller: {}
      };
    },
    created() {
      this.$http.get('api/seller').then(function(response) {
        response = response.body;
        if (response.errno === ERR_OK) {
          this.seller = response.data;
        }
      });
    },
    components: {
      'v-header': header
    }
  };
</script>
